<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>北京贤达四方科技有限公司</title>
  <meta name="description" content="北京贤达四方科技有限公司" />
  <meta name="keywords" content="北京贤达四方科技有限公司" />
  <meta content="telephone=no" name="format-detection" />
  <meta name="author" content="order by dede58.com" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <link type="image/x-icon" rel="icon" href="images/duobo.ico" mce_href="images/duobo.ico">
  <link type="image/x-icon" rel="shortcut icon" href="images/duobo.ico" mce_href="images/duobo.ico">

  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  <meta name="full-screen" content="yes">
  <link rel="stylesheet" href="css/cui.css" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/less.css" />
</head>

<body>
  <div id="hd">
    <div class="wp">
      <div class="logo"><a href="/"><img src="images/logo.png" alt=""></a></div>
      <div id="nav">
        <ul>
          <li><a href="">首页</a></li>

          <li><a href="">新闻动态</a></li>

          <li><a href="service.html">产品与解决方案</a></li>

          <li><a href="case.html">客户案例</a></li>

          <li><a href="about.html">关于我们</a></li>

          <!-- <li><a href="marketing.html">网络营销</a></li> -->

          <li><a href="contact.html">联系我们</a></li>

        </ul>
      </div>
      <div class="tel">000-00000000</div>
    </div>
  </div>
  <!-- end #hd -->
  <div class="c"></div>
  <div id="bd">
    <div id="banner">
      <div class="banner-bg"></div>
      <div class="flexslider">
        <ul class="slides">
          <li class="s1"> <img src="images/banner4.jpg" alt="">
            <div class="ban-txt">
              <h5 data-animate="fadeInDown" class="animated">Eminent men and women</h5>
              <h2 data-animate="fadeInRight" class="animated">贤达四方</h2>
              <h3 data-animate="fadeInUp" class="animated">以专业的技术、优质服务助力有色企业实现数字化转型</h3>
            </div>
          </li>
          <li class="s2"> <img src="images/banner2.jpg" alt="">
            <div class="ban-txt">
              <h2 data-animate="fadeInRight" class="animated">Eminent men and women</h2>
              <h3 data-animate="fadeInDown" class="animated">贤达四方</h3>
              <h4 data-animate="fadeInUp" class="animated">以专业的技术、优质服务助力有色企业实现数字化转型</h4>
              <!-- <h6 data-animate="fadeInUp" class="animated">http://www.dbonet.com</h6> -->
            </div>
          </li>
          <li class="s3"> <img src="images/banner3.jpg" alt="">
            <div class="ban-txt">
              <h2 data-animate="fadeInDown" class="animated">Eminent men and women</h2>
              <h3 data-animate="fadeInRight" class="animated">贤达四方</h3>
              <h4 data-animate="fadeInUp" class="animated">以专业的技术、优质服务助力有色企业实现数字化转型</h4>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- end #banner -->
    <div class="row1 fix">
      <div class="wp">
        <div class="tit-i">
          <h3>科技服务</h3>
          <h5><span>SERVICE</span></h5>
        </div>
        <ul class="ul-icon-i">
          <li class="li1">
            <div class="pad"> <a href="/"> <span></span>
                <h3>西安高端网站建设</h3>
                <em></em>
                <p>根据用户的需求、市场状况、企业情况提供专业化的网站策划、交互设计、技术和营销解决方案。</p>
                <div class="pic"> <img src="images/m1.png" alt="西安网站建设"> <img src="images/m2.png" alt=""
                    class="pic-icon"> </div>
              </a> </div>
          </li>
          <li class="li2">
            <div class="pad"> <a href="/"> <span></span>
                <h3>西安手机网站建设</h3>
                <em></em>
                <p>在移动互联时代，我们得出“简单使用，精彩体验”的移动应用开发理念，创造属于无线时代的精彩互联。</p>
                <div class="pic"> <img src="images/m1.png" alt="西安网站建设"> <img src="images/m4.png" alt="西安网站建设"
                    class="pic-icon"> </div>
              </a> </div>
          </li>
          <li class="li3">
            <div class="pad"> <a href="/"> <span></span>
                <h3>微信应用开发</h3>
                <em></em>
                <p>为客户提供全方位的移动端营销服务，微信公众平台开发，微站设计。</p>
                <div class="pic"> <img src="images/m1.png" alt="西安网站建设"> <img src="images/m6.png" alt="西安网站建设"
                    class="pic-icon"> </div>
              </a> </div>
          </li>
          <li class="li4">
            <div class="pad"> <a href="/"> <span></span>
                <h3>手机APP开发</h3>
                <em></em>
                <p>按客户意图来定制开发app系统，IOS 安卓任您挑选，持续为企业无线创造新价值。</p>
                <div class="pic"> <img src="images/m1.png" alt="西安网站建设"> <img src="images/m8.png" alt="西安网站建设"
                    class="pic-icon"> </div>
              </a> </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="row2 fix">
      <div class="wp">
        <div class="tit-i">
          <h3>多博科技案例</h3>
          <h5><span>case</span></h5>
        </div>
        <div class="case-i">
          <div class="case-i-r" style="width: 100%;">
            <ul class="ul-case-i">
              <li> <a href="" target="_blank">
                  <div class="pic"><img src="uploads/1-160G01136231I.jpg" alt="西安名赫文化传播有限公司网站设计制作"></div>
                  <div class="hover"> <b></b>
                    <div class="txt"> <img src="images/logo_small.png" alt="西安网站建设">
                      <h3 style="width:80%;word-break:break-all; margin:0 auto;">西安名赫文化传播有限公司网站制作</h3>
                    </div>
                  </div>
                </a> </li>
              <li> <a href="" target="_blank">
                  <div class="pic"><img src="uploads/1-160F400225M42.jpg" alt="丝路国际创意梦工场官网设计制作"></div>
                  <div class="hover"> <b></b>
                    <div class="txt"> <img src="images/logo_small.png" alt="西安网站建设">
                      <h3 style="width:80%;word-break:break-all; margin:0 auto;">丝路国际创意梦工场官网设计制作</h3>
                    </div>
                  </div>
                </a> </li>
              <li> <a href="" target="_blank">
                  <div class="pic"><img src="uploads/1-160F4001K52T.jpg" alt="丝路国际创意梦工场代办平台建设"></div>
                  <div class="hover"> <b></b>
                    <div class="txt"> <img src="images/logo_small.png" alt="系统管理平台建设">
                      <h3 style="width:80%;word-break:break-all; margin:0 auto;">丝路国际创意梦工场代办平台建设</h3>
                    </div>
                  </div>
                </a> </li>
              <li> <a href="" target="_blank">
                  <div class="pic"><img src="uploads/1-160F4001344V8.jpg" alt="食尚南院美食广场简介h5海报制作"></div>
                  <div class="hover"> <b></b>
                    <div class="txt"> <img src="images/logo_small.png" alt="h5海报设计制作">
                      <h3 style="width:80%;word-break:break-all; margin:0 auto;">食尚南院美食广场简介h5海报设计</h3>
                    </div>
                  </div>
                </a> </li>
              <li> <a href="" target="_blank">
                  <div class="pic"><img src="uploads/1-160F222511E64.jpg" alt="西安道恩飞行机器科技有限公司网站制作"></div>
                  <div class="hover"> <b></b>
                    <div class="txt"> <img src="images/logo_small.png" alt="西安网站建设">
                      <h3 style="width:80%;word-break:break-all; margin:0 auto;">西安道恩飞行机器科技有限公司网站制作</h3>
                    </div>
                  </div>
                </a> </li>
              <li> <a href="" target="_blank">
                  <div class="pic"><img src="uploads/1-160F216205AC.jpg" alt="食尚南院招商h5页面建设"></div>
                  <div class="hover"> <b></b>
                    <div class="txt"> <img src="images/logo_small.png" alt="h5页面设计建设">
                      <h3 style="width:80%;word-break:break-all; margin:0 auto;">食尚南院招商h5页面建设</h3>
                    </div>
                  </div>
                </a> </li>
              <li> <a href="" target="_blank">
                  <div class="pic"><img src="uploads/1-160F216153Q10.jpg" alt="萌星网官网设计建设"></div>
                  <div class="hover"> <b></b>
                    <div class="txt"> <img src="images/logo_small.png" alt="PC网站建设">
                      <h3 style="width:80%;word-break:break-all; margin:0 auto;">萌星网官网设计建设</h3>
                    </div>
                  </div>
                </a> </li>
              <li> <a href="" target="_blank">
                  <div class="pic"><img src="uploads/1-160F2160955X3.jpg" alt="萌星网移动端网站设计制作"></div>
                  <div class="hover"> <b></b>
                    <div class="txt"> <img src="images/logo_small.png" alt="移动端，APP网站设计制作">
                      <h3 style="width:80%;word-break:break-all; margin:0 auto;">萌星网移动端网站设计制作</h3>
                    </div>
                  </div>
                </a> </li>

            </ul>
          </div>
          <div class="c"></div>
          <div class="more-i"><a href="case.html" target="_blank"></a></div>
        </div>
      </div>
    </div>

    <div class="row4 fix">
      <div class="wp">
        <div class="tit-i">
          <h3>联系我们</h3>
          <h5><span>contact</span> </h5>
        </div>

        <div class="contact-boxx f1" style="">
          <ul>
            <p>您好！</p>
            <span>感谢您来到贤达四方，若您有合作意向，请您为我们留言或使用以下联系方式联系我们，我们将尽快给您回复，并为您提供最真诚的服务！</span>
            <li><img src="images/shouj.png" style="vertical-align:text-bottom">000-00000000</li>
            <li><img src="images/youj.png" style="vertical-align:text-bottom">xxx@xx.com</li>
            <li><img src="images/diz.png" style="vertical-align:text-bottom">北京市丰台区航丰路1号院2号楼5层518-B室</li>
            <li>
              <div class="contact-bottom fl">
                <!-- <div><img src="images/sjgw.jpg"></div> -->
              </div>
            </li>
          </ul>
        </div>

        <div class="contact-r">
          <form action="" class="contact-form" enctype="multipart/form-data" method="post">
            <input type="hidden" name="action" value="post" />
            <input type="hidden" name="diyid" value="1" />
            <input type="hidden" name="do" value="2" />
            <div class="">
              <input type="text" class="inp l" name="name" id="name" placeholder="您的姓名">
              <input type="text" class="inp r" name="tel" id="tel" placeholder="您的联系方式">
            </div>
            <textarea cols="30" rows="10" name="nr" id="nr"></textarea>
            <input type="hidden" name="dede_fields" value="name,text;tel,text;nr,text" />
            <input type="hidden" name="dede_fieldshash" value="1150bc325e255641e2db4115e8c9c51f" />
            <input type="submit" value="提交您的需求" class="sub" id="sub">
          </form>
        </div>
        <div style=" clear:both; padding:20px 0;"></div>
      </div>
    </div>
    <div class="map">
      <div class="map-s">
        <a href="javascript:void(0);" class="btn"><em></em>点击展开地图</a>
      </div>
      <div class="map-pop map-pop-big">
        <a href="javascript:void(0);" class="btn-down"></a>
        <div class="map-bg1"></div>
        <div class="map-bg2"></div>
        <div id="map" class="map-c" style="width:100%;height:100%;"></div>
      </div>
    </div>
  </div>
  <!-- end #bd -->
  <div class="c"></div>
  <!-- begin #fd -->
  <div id="fd" class="index-fd pr">
    <div class="map-bg3"></div>
    <div class="wp">
      <div class="fd-top">
        <dl>
          <dt>关于我们</dt>
          <dd>
            <ul class="ul-fd">
              <li><a href="about.html#whous">我们是谁</a></li>
              <li><a href="about.html#ourcus">我们服务的客户</a></li>
              <li><a href="about.html#ourteam">我们的团队</a></li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt>我们的服务</dt>
          <dd>
            <ul class="ul-fd">
              <li><a href="service.html#webbuit">网站建设</a></li>
              <li><a href="service.html#weiweb">H5响应式 交互网站</a></li>
              <li><a href="service.html#webmobel">移动端 & 微网站定制</a></li>
              <li><a href="service.html#servweb">服务流程</a></li>
              <li><a href="service.html#solution">行业解决方案</a></li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt>网站建设案例</dt>
          <dd>
            <ul class="ul-fd">

              <li><a href="">文化传媒</a></li>

              <li><a href="">电子科技</a></li>

              <li><a href="">政府事业</a></li>

              <li><a href="">商城消费</a></li>

              <li><a href="">管理咨询</a></li>

              <li><a href="">公司集团</a></li>

              <li><a href="">其它更多</a></li>

            </ul>
          </dd>
        </dl>
        <dl>
          <dt>网络营销</dt>
          <dd>
            <ul class="ul-fd">

              <li><a href="marketing.html#ban-in">帮您算账</a></li>

              <li><a href="marketing.html#youshi">对比优势</a></li>

            </ul>
          </dd>
        </dl>
        <dl>
          <dt>联系我们</dt>
          <dd class="pr">
            <p><a href="" class="weixin"></a><a href="" class="sina"></a><span class="weixin-pic"><img
                  src="images/ewm.jpg" alt=""></span></p>
            <p><b class="tel">029-88661155</b></p>
            <h5>公司服务热线</h5>
          </dd>
        </dl>
      </div>
    </div>
    <div class="fd-copy">
      <div class="wp">
        <p> <span style="color:#CCCCCC;">Copyright &copy; 2016 www.dbonet.com 西安多博网络科技有限责任公司 版权所有</span><a href=""
            target="_blank"><span style="color:#CCCCCC;">陕ICP备16009695号</span></a> </p>
      </div>
    </div>
  </div>
  <div class="side">
    <ul>
      <li><a href="http://wpa.qq.com/msgrd?v=3&uin=664059648&site=qq&menu=yes" target="_blank">
          <div class="sidebox"><img src="images/side_icon02.png">在线咨询</div>
        </a></li>
      <li><a href="http://wpa.qq.com/msgrd?v=3&uin=664059648&site=qq&menu=yes">
          <div class="sidebox"><img src="images/side_icon01.png">在线咨询</div>
        </a></li>
      <li><a href="javascript:void(0);">
          <div class="sidebox"><img src="images/side_icon03.png"><span style="font-size:14px">029-88661155</span></div>
        </a></li>
    </ul>
  </div>
  <div class="side2">
    <ul>
      <li><a href=""><img src="images/r_icon1.png" alt="西安网站建设"></a>
        <div class="weixin"><em></em><img src="images/ewm.jpg" alt="西安网站建设"></div>
      </li>
      <li><a href="javascript:goTop();" class="sidetop"><img src="images/r_icon2.png"></a></li>
    </ul>
  </div>

  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/lib.js"></script>
  <link rel="stylesheet" href="css/animate.css" />
  <link rel="stylesheet" href="css/flexslider.css" />
  <script type="text/javascript" src="js/flexslider.js"></script>
  <script type="text/javascript" src="js/banner.js"></script>
  <script>
    $('.ul-news-i li').hover(function () {
      $(this).toggleClass('on');
    })
    $('.ul-icon-i li').hover(function () {
      $(this).find('img:first').fadeIn(100);
      $(this).find('.pic-icon').animate({ top: 0 });
    }, function () {
      $(this).find('.pic-icon').animate({ top: -134 });
      $(this).find('img:first').fadeOut(100);
    })

    $('.case-img').hover(function () {
      $(this).toggleClass('on');
    })

    $('.map .btn').click(function () {
      $('.map-pop').show();
      $(this).parents('.map').addClass('map-big-i');
      var winW = $(window).width();
      var winH = $(window).height();
      console.log(winH);
      if (winW < 768) {
        $('.map-pop').height($(window).height() - 50 - 80);
        $('.map-big-i').height($(window).height() - 50 - 80);
        $("html, body").animate({ scrollTop: $(document).height() }, 1000);
      } else {

        $('.map-pop').height($(window).height() - 344);
        $('.map-big-i').height($(window).height() - 344);
        $("html, body").animate({ scrollTop: $(document).height() }, 1000);
      }
      initMap();
    })
    $('.map .btn-down').click(function () {
      $('.map-pop').hide();
      $(this).parents('.map').removeClass('map-big-i');
      $('.map').height('107');
    })

  </script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=4NoooWnaQTOU7UftpXaUHcfeTaXrPOSG"></script>
  <script type="text/javascript" src="js/map.js"></script>
</body>

</html>